<!DOCTYPE html>
<!--
  ~ ******************************************************************************
  ~ Copyright (c) 2013-2014 CriativaSoft (www.criativasoft.com.br)
  ~ All rights reserved. This program and the accompanying materials
  ~ are made available under the terms of the Eclipse Public License v1.0
  ~ which accompanies this distribution, and is available at
  ~ http://www.eclipse.org/legal/epl-v10.html
  ~
  ~  Contributors:
  ~  Ricardo JL Rufino - Initial API and Implementation
  ~ ******************************************************************************
  -->
<html xmlns:ng="http://angularjs.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>OpenDevice | Dashboard</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <link rel="manifest" href="/manifest.json">
    <!-- Add to home screen for Safari on iOS -->
    <meta name="theme-color" content="#3c8dbc">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="OpenDevice">
    <link rel="apple-touch-icon" href="images/icons/logo-256x256.png">

    <link rel="icon" type="image/png" href="/images/favicon.png" />

    <!-- build:css dist/css/contrib.min.css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- endbuild -->

    <!-- build:css dist/css/main.min.css -->
    <link rel="stylesheet" href="css/AdminLTE.min.css">
    <link rel="stylesheet" href="css/skin-blue.min.css">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/icons/icons.css">
    <!-- endbuild -->

    <!-- build:css dist/css/plugins.min.css -->
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="js/angular/angular-ui-select.min.css"  />
    <link rel="stylesheet" type="text/css" href="js/angular/angular-gridster.min.css" media="screen"/>
    <link rel="stylesheet" href="css/plugins/select2.css"/>
    <link rel="stylesheet" href="css/plugins/awesome-bootstrap-checkbox.css"/>
    <link rel="stylesheet" href="js/plugins/daterangepicker.css"/>
    <!-- endbuild -->





    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="hold-transition skin-blue sidebar-mini sidebar-collapse" >
<div class="wrapper" ng-controller="PageController as page">

    <!-- Main Header -->
    <header class="main-header">

        <!-- Logo -->
        <a class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><b>O.D</b></span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>Open</b>Device</span>
        </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" target="_self" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>

            <p id="page-title" class="navbar-text">
                <!-- DYNAMIC : Page Controller content -->
            </p>

            <!-- Navbar Right Menu -->
            <div class="navbar-custom-menu">

                <ul class="nav navbar-nav">
                    <!-- Notifications Menu -->
                    <li class="dropdown notifications-menu">
                        <!-- Menu toggle button -->
                        <a href="#" target="_self" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-bell-o"></i>
                            <span class="label label-warning">1</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">You have 1 notifications</li>
                            <li>
                                <!-- Inner Menu: contains the notifications -->
                                <ul class="menu">
                                    <li><!-- start notification -->
                                        <a href="#">
                                            <i class="fa fa-warning text-aqua"></i> I'm in BETA
                                        </a>
                                    </li>
                                    <!-- end notification -->
                                </ul>
                            </li>
                            <!--<li class="footer"><a href="javascript:void(0);">View all</a></li>-->
                        </ul>
                    </li>

                    <li>
                        <a href="javascript:void(0);" target="_self" ng-click="page.logout()"><i class="fa fa-sign-out"></i></a>
                    </li>

                </ul>
            </div>

        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">

        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar Menu -->
            <ul class="sidebar-menu">
                <!--<li class="header">HEADER</li>-->
                <!-- Optionally, you can add icons to the links -->
                <li><a href="#/"><i class="fa fa-dashboard"></i> <span>Dashboard</span></a></li>
                <li><a href="#/boards"><i class="fa fa-sitemap"></i> <span>Boards / Devices</span></a></li>
                <li><a href="#/connections"><i class="fa fa-rss"></i> <span>Connections</span></a></li>
                <li><a href="#/jobs"><i class="fa fa-history"></i> <span>Jobs/Timers</span></a></li>
                <li><a href="#/rules"><i class="fa fa-magic"></i> <span>Rules</span></a></li>
                <li><a href="#/firmwares"><i class="fa fa-code"></i> <span>Programmer</span></a></li>
                <li><a href="#/users"><i class="fa fa-users"></i> <span>Users</span></a></li>

                <li ng-repeat="menu in ext.menu">
                    <a href="#${menu.view}" class="fa ${menu.icon}"><span>${menu.title}</span></a>
                </li>

                <li class="header">Resources</li>
                <li><a href="https://opendevice.atlassian.net/wiki" target="_blank"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
                <li><a href="http://github.com/OpenDevice/OpenDevice" target="_blank"><i class="fa fa-github"></i> <span>Github</span></a></li>

                <!--                <li class="treeview">
                                    <a href="#" target="_self"><i class="fa fa-link"></i> <span>Multilevel</span>
                                        <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                                    </a>
                                    <ul class="treeview-menu">
                                        <li><a href="#">Link in level 2</a></li>
                                        <li><a href="#" target="_self">Link in level 2</a></li>
                                    </ul>
                                </li>-->

            </ul>
            <!-- /.sidebar-menu -->
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" ng-animate="false" ng-view>

    </div>
    <!-- /.content-wrapper -->

    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- Default to the left -->
        <strong>Copyright &copy; 2016 <a href="http://opendevice.io">OpenDevice</a>.</strong> All rights reserved.
    </footer>

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">

    </aside>
    <!-- /.control-sidebar -->
    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- Confirm Dialog -->
<div ng-include="'/pages/subpages/confirm.html'"></div>

<!-- REQUIRED JS SCRIPTS -->
<script>
    // Defining AdminLTEOptions
    var AdminLTEOptions = {
        enableFastclick: true,
        enableControlSidebar : false,
        enableBSToppltip: true //Bootstrap.js tooltip
    };
</script>


<!-- ----------------------------------------------------- -->
<!-- Jquery -->
<!-- ----------------------------------------------------- -->

<!-- build:js dist/js/contrib.bundle.js -->
<script src="js/jquery-2.2.3.min.js"></script>

<script src="js/highcharts.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/highcharts-solid-gauge.js"></script>

<script src="js/bootstrap.min.js"></script> <!-- Bootstrap 3.3.X -->
<script src="js/plugins/bootstrap-notify.min.js"></script> <!-- Bootstrap 3.3.X -->


<script src="js/adminlte-app.min.js"></script> <!-- AdminLTE Theme/js -->

<script src="js/plugins/daterangepicker.moment.min.js"></script>
<script src="js/plugins/daterangepicker.js"></script>
<script src="js/spin.min.js"></script> <!-- Spinner -->

<script type="text/javascript" src="js/jquery.textfill.min.js"></script>
<script src="js/fastclick.min.js"></script> <!-- library for eliminating the 300ms delay  -->
<!-- endbuild -->


<!-- ----------------------------------------------------- -->
<!-- AngularJS Code -->
<!-- ----------------------------------------------------- -->

<!-- build:js dist/js/angular.bundle.js -->
<script type="text/javascript" src="js/angular/angular-1.5.8.min.js"></script>
<script type="text/javascript" src="js/angular/angular-route.min.js"></script>
<script type="text/javascript" src="js/angular/angular-resource.min.js"></script>
<script type="text/javascript" src="js/angular/angular-sanitize.min.js"></script> <!-- for ui-select -->
<script type="text/javascript" src="js/angular/angular-ui-select.min.js"></script>
<script type="text/javascript" src="js/angular/angular-animate.min.js"></script>
<script type="text/javascript" src="js/angular/angular-gridster-resizedep.js"></script>
<script type="text/javascript" src="js/angular/angular-gridster.min.js"></script>
<!-- endbuild -->


<!-- Loading bar-->
<!--<script type="text/javascript" src="js/plugins/nprogress.js"></script>-->
<!--<link rel="stylesheet" type="text/css" href="js/plugins/nprogress.css" media="screen"/>-->


<!-- ----------------------------------------------------- -->
<!-- OpenDevice -->
<!-- ----------------------------------------------------- -->

<!-- build:js dist/js/opendevice.bundle.js -->
<script type="text/javascript" src="js/atmosphere.js"></script> <!-- OpenDevice DEP -->
<script type="text/javascript" src="js/opendevice.js"></script> <!-- mvn-dependency -->
<!-- endbuild -->

<!-- OpenDevice: Development Files (mvn-dependency) - Removed in Production -->
<!-- build:remove -->
<script type="text/javascript" src="js/Constants.js"></script>
<script type="text/javascript" src="js/Device.js"></script>
<script type="text/javascript" src="js/DeviceConnection.js"></script>
<script type="text/javascript" src="js/DeviceStorage.js"></script>
<script type="text/javascript" src="js/DeviceManager.js"></script>
<script type="text/javascript" src="js/OpenDeviceJS.js"></script>
<!-- endbuild -->


<!-- ----------------------------------------------------- -->
<!-- Application Code -->
<!-- ----------------------------------------------------- -->

<!-- build:js dist/js/main.min.js -->
<script type="text/javascript" src="js/app/extend.js"></script>
<script type="text/javascript" src="js/opendevice/DashItemView.js"></script>
<script type="text/javascript" src="js/opendevice/ChartItemView.js"></script>
<script type="text/javascript" src="js/opendevice/DigitalCtrlView.js"></script>
<script type="text/javascript" src="js/opendevice/ImageCtrlView.js"></script>
<script type="text/javascript" src="js/opendevice/ValueView.js"></script>

<script type="text/javascript" src="js/app/Utils.js"></script>
<script type="text/javascript" src="js/app/app.js"></script>
<script type="text/javascript" src="js/app/services.js"></script>
<script type="text/javascript" src="js/app/controllers.js"></script>
<script type="text/javascript" src="js/app/DashboardController.js"></script>
<script type="text/javascript" src="js/app/DeviceController.js"></script>
<script type="text/javascript" src="js/app/DeviceViewController.js"></script>
<script type="text/javascript" src="js/app/UserController.js"></script>
<script type="text/javascript" src="js/app/ConnectionController.js"></script>
<script type="text/javascript" src="js/app/ActionController.js"></script>
<script type="text/javascript" src="js/app/RuleController.js"></script>
<script type="text/javascript" src="js/app/JobController.js"></script>
<script type="text/javascript" src="js/app/FirmwareController.js"></script>
<!-- endbuild -->

<script type="text/javascript" src="js/app/BootstrapApp.js"></script>

</body>
</html>
